<ion-view view-title="{{input.title}}" class="proconsultservice">
	<!--一定要手动加导航栏-->
	<ion-nav-bar>
		<ion-nav-back-button>
		</ion-nav-back-button>
	</ion-nav-bar>
	<!--通过副标题来定位-->
	<div class="bar bar-subheader line-bottom padding-0">
		<!--描述：顶部模块-->
		<div class="row padding-0 font-middle-my sort margin-top-10">
			<div class="col padding-0" on-tap="orderby_default()" ng-class="{'assertive':order==1||order==2}">
				综合排序&nbsp;
				<i class="icon ion-ios-arrow-up icon-i-my paixu_top " style="top: 7px;" ng-class="{'font-gray-my':order==2}"></i>
				<i class="icon ion-ios-arrow-down icon-i-my paixu_bottom" style="bottom: 7px;" ng-class="{'font-gray-my':order==1}"></i>
			</div>
			<div class="col padding-0" on-tap="orderby_new()" ng-class="{'assertive':order==3||order==4}">
				最新发布&nbsp;
				<i class="icon ion-ios-arrow-up icon-i-my paixu_top" style="top: 7px;" ng-class="{'font-gray-my':order==4}"></i>
				<i class="icon ion-ios-arrow-down icon-i-my paixu_bottom" style="bottom: 7px;" ng-class="{'font-gray-my':order==3}"></i>
			</div>
			<div class="col padding-0" on-tap="orderby_count()" ng-class="{'assertive':order==5||order==6}">
				播放最多&nbsp;
				<i class="icon ion-ios-arrow-up icon-i-my paixu_top" style="top: 7px;" ng-class="{'font-gray-my':order==6}"></i>
				<i class="icon ion-ios-arrow-down icon-i-my paixu_bottom" style="bottom: 7px;" ng-class="{'font-gray-my':order==5}"></i>
			</div>
			<div class="col padding-0" on-tap="rightSideMenu()">
				<span>筛选<i class="iconfont icon-shaixuan"></i></span>
			</div>
		</div>
	</div>

	<!-- 侧边菜单 -->
	<ion-side-menus>
		<!-- 中间内容 -->
		<ion-side-menu-content>
			<!--描述：滑动块scroll="false"-->
			<ion-content class="has-header has-subheader">
				<!--用ion-scroll有时会隐藏掉最后一条数据-->
				<!--<ion-scroll direction="y" ng-style="myObj" lazy-scroll>-->
					<!--描述：下拉刷新-->
					<ion-refresher pulling-text="下拉刷新..." on-refresh="doRefresh()"></ion-refresher>
					<!--描述：轮播广告-->
					<!--<ion-slide-box delegate-handle="advs-handle" auto-play="true" does-continue="true" slide-interval="5000" show-pager="true" pager-click="advsgo(index)" lazy-scroll>
						<ion-slide ng-repeat="obj in detail.advs">
							<div class="box">
								<img image-lazy-src="{{::obj}}" />
							</div>
						</ion-slide>
					</ion-slide-box>-->
					<!--描述：列表-->
					<div class="list">
						<div class="font-large-my font-gray-my text-center padding" ng-if="list.length==0||list==null">
							<i class="icon ion-sad-outline font-1rem-my"></i> 对不起，没有符合条件的视频数据.....
						</div>
						<div class="item text-center padding-0 font-small-my font-gray-my item-borderless" ng-if="list.length>0">
							共有 <span class="assertive font-middle-my">{{list.length}}</span> 件商品
						</div>
						
						<div class="item item-thumbnail-left padding-bottom" ng-class="{'item-borderless':$first}" ng-repeat="vedio in list" on-tap="onshow_stardetail(vedio.id)">
							<img src="{{vedio.video_pic}}" ng-if="vedio.video_pic"/>
							<img src="{{noImg}}" ng-if="vedio.video_pic==''||vedio.video_pic==null"/>
							<p>{{vedio.name}}</p>
							<p class="font-middle-my">{{vedio.profile}}</p>
							<p class="font-middle-my">发布时间：{{vedio.apply_time}}</p>
							<p class="font-middle-my">播放次数：<span class="assertive">{{vedio.count}}</span></p>
						</div>
					</div>
					<!--描述：当用户到达页脚或页脚附近时-->
					<ion-infinite-scroll ng-if="!isLoad" immediate-check="false" on-infinite="doRefreshMore()" distance="1%"></ion-infinite-scroll>
				<!--</ion-scroll>-->
			</ion-content>
		</ion-side-menu-content>

		<!-- 右侧菜单 -->
		<ion-side-menu side="right">
			<!-- 搜索条件 -->
			<ion-content style="padding-top: 44px;">
				<div class="list" style="margin-top: 8px;padding: 0.5rem;">
					<label class="item item-input"><i class="icon ion-search placeholder-icon"></i><input type="text" placeholder="关键字" ng-model="input.key"></label>
					<div class="item item-input item-select" data-tap-disabled="true" style="padding:0 30px 0 15px;">
							<div class="input-label">大分类</div>
							<div class="input-value" ng-click="doSelectCat1()">{{input.cat1.name}}</div>
						</div>
						<div class="item item-input item-select" data-tap-disabled="true" style="padding:0 30px 0 15px;">
							<div class="input-label">中分类</div>
							<div class="input-value" ng-click="doSelectCat2()">{{input.cat2.name}}</div>
						</div>
						<div class="item item-input item-select" data-tap-disabled="true" style="padding:0 30px 0 15px;">
							<div class="input-label">小分类</div>
							<div class="input-value" ng-click="doSelectCat3()">{{input.cat3.name}}</div>
						</div>
				</div>
				<div class="row">
					<div class="col"><button class="button button-full button-energized" on-tap="doCancel()">取消</button></div>
					<div class="col"><button class="button button-full button-assertive" on-tap="doSearch()">确定</button></div>
				</div>
			</ion-content>
		</ion-side-menu>
	</ion-side-menus>
</ion-view>